<!DOCTYPE >
<html ng-app="myApp"  lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
  <link href="../css/index.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="warpper">
  <div ng-controller="demoListController" class="dataListController">
    <div class="btnGroup">
      <button class="btn" ng-click="add()">添加</button>
    </div>
    <div class="dataListContainer">
      <ul>
        <li ng-repeat="item in students">
          <div>
            <div class="head">
              <p class="title">{{item.name}}</p>
            </div>
            <img src="{{item.icon}}" class="thumb" />
            <div class="simpleInfo">
              <span>班级:{{item.class}}</span>
              <span>类型:{{item.type}}</span>
              <span><a href="javascript:void(0)" ng-click="edit($index)">编辑</a></span>
              <span><a href="javascript:void(0)" ng-click="remove($index)">删除</a></span>
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div ng-show="isShow" ng-controller="demoFormController" class="dataFormController">
      <form rol="form" name="form" class="form" ng-submit="submit()">
        <a href="javascript:void(0)" class="close" ng-click="close(false)">close</a>
        <h2 class="title">{{title}}</h2>
        <ul>
          <li>
            <div class="col3">名字:</div>
            <div class="co17"><input type="text" required ng-model="formData.name"></div>
          </li>
          <li>
            <div class="col3">班级</div>
            <div class="co17"><input type="text" required ng-model="formData.class"></div>
          </li>
          <li>
            <div class="col3">类型</div>
            <div class="co17"><input type="text" required ng-model="formData.type"></div>
          </li>
        </ul>
        <div class="text-center">
          <input ng-disabled="form.$invalid" class="btn" type="submit" value="提交">
        </div>
      </form>
    </div>
  </div>

  <!--<div ng-show="isShow" ng-controller="dataFormController" class="dataFormController">-->
    <!--<form role="form" name="form" class="form" ng-submit="submit()">-->
      <!--<a href="javascript:void(0)" class="close" ng-click="close(false)">close</a>-->
      <!--<h2 class="title">添加信息</h2>-->
      <!--<ul >-->
        <!--<li >-->
          <!--<div class="col3" >标题:</div>-->
          <!--<div class="col7" ><input type="text" required ng-model="formData.text" /></div>-->
        <!--</li>-->
        <!--<li >-->
          <!--<div class="col3" >链接:</div>-->
          <!--<div class="col7" ><input type="text" required ng-model="formData.url" /></div>-->
        <!--</li>-->
        <!--<li >-->
          <!--<div class="col3" >样图:</div>-->
          <!--<div class="col7" ><input type="text" required ng-model="formData.thumb" /></div>-->
        <!--</li>-->
        <!--<li >-->
          <!--<div class="col3" >介绍:</div>-->
          <!--<div class="col7" ><textarea required required ng-model="formData.des"></textarea></div>-->
        <!--</li>-->
      <!--</ul>-->
      <!--<div class="text-center">-->
        <!--<input ng-disabled="form.$invalid" class="btn" type="submit" value="提交">-->
      <!--</div>-->
    <!--</form>-->
  <!--</div>-->
</div>
<script type="text/javascript" src="js/angular.js" ></script>
<script type="text/javascript" src="js/angular-ui-router.js"></script>

<script>
  var app = angular.module('myApp', []);
</script>

<script src="js/demoListController.js"></script>
<script src="js/demoFormController.js"></script>
</body>
</html>